<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <link rel="icon" href="./favicon.ico">
    <title>LYH - YMH | 与你走过的第一个520</title>
    <meta name="description" content="这是我们度过的第一个520，时间真的很快很快，有你的每一天都是我们520~">
    <meta name="keywords" content="nutssss,坚果,主页,博客">
    <link rel="stylesheet" type="text/css" href="./css/lovelyh.css">
    <link rel="stylesheet" href="./css/swiper.css">
    <link rel="stylesheet" type="text/css" href="./css/FiraCode.css">
</head>

<body>
    <!-- 标题板块 -->
    <div class="title">
        <img src="./images/bg1.gif" alt="bgGif">
        <p id="tqyxhj"></p>
    </div>

    <!-- 分页1 - 骚话 -->
    <div class="page page1">
        <div class="swiper-container swiper-container-lovexhj1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img src="https://q1.qlogo.cn/g?b=qq&nk=1175592624&s=640" alt="lyh">
                        <img src="./images/cat.gif" alt="cat">
                        <img src="https://q1.qlogo.cn/g?b=qq&nk=2540313738&s=640" alt="ymh">
                        <p id="lovetime"></p>
                        <p>我也不知道该准备一点什么给你逗你开心</p>
                        <p>还是写一点好玩的送给你吧~</p>
                        <span class="right">往右划动 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat2.gif" alt="cat2">
		 <p>一直想做一些有意思的</p>
                        <p>学着设计了一个<b>LOW</b></p>
                        <p>虽然...但是还是完成了</p>
                        <span class="right">再划一下 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat3.gif" alt="cat3">
                        <p>这次我<b>超级超级超级超级</b></p>
                        <p>认真的写了一遍</p>
                        <p style="font-size: 13px;">以 框架构造、
                            <span style="color: red; font-size: 16px;">爱你</span>、
                            视觉体验、响应式 为核心制作
                        </p>
                        <span class="right">再划一次吧 →</span>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page1-lovexhj1">
                        <img class="cat" src="./images/cat4.gif" alt="cat4">
                        <p>这次应该不会太难看了吧</p>
                        <p>希望你喜欢呀</p>
                        <p>爱你哟(๑′ᴗ‵๑)</p>
                        <b>520快乐我的<span style="color: pink;">涵涵</span></b>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj1"></div>
        </div>
    </div>

    <!-- 分页2 - 时间轴 -->
    <div class="page page2">
        <div class="swiper-container swiper-container-lovexhj2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-1.jfif" alt="page2-1">
                        <p><b>在一起的第一次约会</b></p>
                        <p>2019-09-26</p>
                        <p>我们的故事，从此开始</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-2.jfif" alt="page2-2">
                        <p><b>军训？？</b></p>
                        <p>我老师说你可爱来着，哼！</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-3.jfif" alt="page2-3">
                        <p><b>又是一张你的照骗</b></p>
                        <p>突然发现我们的合照好少啊</p>
                        <p>emmmm......</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-4.jfif" alt="page2-4">
                        <p><b>第一次牵你的手</b></p>
                        <p>也是第一次和你看电影</p>
                        <p>绀青之拳真的好好看啊QAQ</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-5.jfif" alt="page2-5">
                        <p><b>这个叫...衍生物</b></p>
                        <p>突然发现你生日的礼物我忘了拍</p>
                        <p>大概当时是为了保持神秘感吧</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-6.jfif" alt="page2-6">
                        <p><b>这是我的生日礼物呐</b></p>
                        <p>虽然是在疫情期间</p>
                        <p>但是依旧是...特别地开心</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-7.jfif" alt="page2-7">
                        <p><b>又分手了</b></p>
                        <p>那时你哭的很伤心</p>
	        <p>现在轮到我啦...</p>
                    </div>
                </div>
                <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-8.jfif" alt="page2-8">
                        <p><b>第一次陪你出来买早餐</b></p>
                        <p>好想出来陪你跑步</p>
                        <p>哦，对了，你不喜欢呐，散步可以嘛？</p>
                    </div>
                </div>
                    <div class="swiper-slide">
                    <div class="page2-box">
                        <img src="./images/page-2-9.jfif" alt="page2-10">
                        <p><b>More？</b></p>
                        <p>篇幅有限（个鬼），照骗有限</p>
                        <p>丢一张丑照吧hahahahahah</p>
                    </div>
                </div>
            </div>
            <div class="swiper-pagination swiper-pagination-lovexhj2"></div>
        </div>
    </div>

    <!-- 分页3 - 一段话 -->
    <div class="page page3">
        <div id="talkToXHJ">
            <b>这一个520，格外的不一样</b>
            <br />
           很残酷，这可能是你陪我度过的最后一个520了，是第一个，也是最后一个吧。返校第一天就要开会，一直没有闲空陪你。当然，你来的那天本来说是我来接你的，食言了，很多事情撞到一块去了，后来又忘了带手机，联系不上你。我大概是最不会做男朋友的人了吧。
            <br />
            <b>虽然你最后还是提出了分手</b>
            <br />
            比较直男的我，最终还是用属于我的方式来送你一个小小的虚拟礼物
            <br />
            一直都联系不上你，发消息也是“轮回”，在早些时间就已经暴露出分手的迹象了。
            <br />
            我，实在不知道该说些什么。说话滔滔不绝的我此时竟顿时语塞。
            <br />
            怀念那段时光，你在我身边的日子真的很幸福。谢谢你的陪伴。
            <br />
            <br />
            <b>我想</b>
            <br />
            人生大概就是这样，在不断失去中寻找获得时的快感和对过客的珍惜
            <br />
            从未写过情书，对你是第一次，也许也是最后一次。
            <br />
            节日快乐吧
            <br />
            ## 爱你的叶子 (๑′ᴗ‵๑)~ ❤
        </div>
    </div>

    <!-- 分页4 - 结尾 -->
    <div class="page page4">
        <div class="page4-box">
            <div class="page4-img">
                <div class="swiper-container swiper-container-lovexhj3">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img src="./images/page-4-1.jfif" alt="page-4-1">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-2.jfif" alt="page-4-2">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-3.jfif" alt="page-4-3">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-4.jfif" alt="page-4-4">
                        </div>
                        <div class="swiper-slide">
                            <img src="./images/page-4-5.jfif" alt="page-4-5">
                        </div>
                    </div>
                    <div class="swiper-button-prev swiper-button-prev-lovexhj3"></div>
                    <div class="swiper-button-next swiper-button-next-lovexhj3"></div>
                </div>
            </div>
            <div class="page4-text">
                <h1>Send To Future</h1>
                <p>有你在的每一天，曾经都如糖果一样甜</p>
            </div>
        </div>

        <div class="footer">
            <div class="footerBox">
                <p>
                    &copy; 2020 
                    <a href="https://www.lovelyh.xyz">LYH&YMH</a> | 
                    <a href="http://http://beian.miit.gov.cn/">苏ICP备20040712号</a>
                </p>
                <p>THEME MADE BY <a href="https://www.lovelyh.xyz">lovelyh</a></p>
            </div>
        </div>
    </div>

    <!-- 未来可能更加遥远 -->
    <div class="xhjIsPig">
        <img src="./images/pig1.gif" alt="pig1" class="pig1">
        <img src="./images/pig2.gif" alt="pig2" class="pig2">
    </div>

    <!-- js加载 -->
    <script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
    <script src="./js/typeit.min.js"></script>
    <script src="./js/swiper-3.4.2.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.0/jquery.js"></script>

    <script src="./js/lovetime.js"></script>
    <script src="./js/talk.js"></script>
    <script src="./js/swiper.js"></script>
    <script src="./js/su.js"></script>
    <script>
        (function () {
            new WOW().init()
        })()
    </script>

    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $('body').wpSuperSnow({
                flakes: ['./images/004.png', './images/003.png', './images/002.png',
                    './images/001.png'
                ],
                totalFlakes: '100',
                zIndex: '999999',
                maxSize: '30',
                maxDuration: '20',
                useFlakeTrans: false
            });
        });
    </script>
</body>

</html>